<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/common/base.css">
    <link rel="stylesheet" href="../../css/trm/yingxin.css">
    <script src="../../js/flexible.js"></script>
    <link rel="stylesheet" href="../../css/trm/header.css">
    <link rel="stylesheet" href="../../css/common/header-footer.css">
    <script src="../../js/jquery-1.12.3.min.js"></script>
</head>

<body>
    <header>
        <div class="header_top">
            <img src="../../img/信号组.png" alt="">
            <span class="header_time">上午 9:51</span>
            <span class="ht_right">
                <img src="../../img/蓝牙图标.png" alt="">
                <img src="../../img/电量百分比.png" alt="">
                <img src="../../img/电量图标.png" alt="">
            </span>
        </div>
        <div class="header_bottom">
            <div class="hb_left">
                <img src="../../img/返回按钮-1.png" alt="" id="return">
                <!-- 需要更改title文字 -->
                <span class="title">迎新</span>
            </div>
            <div class="hb_right">
                <img src="../../img/组 -1.png" alt="">
            </div>
        </div>
    </header>
    <!-- 摇一摇 -->
    <div class="yaoyiyao"><a href="#" id="yaoyiyao">下拉摇一摇</a></div>
    <div id="yyy">
        <img src="../../img/微信摇一摇_icon.png" alt="">
        <div> <a href="grxingxi.html">摇一摇&nbsp;随机匹配</a></div>
    </div>
    <!-- 学校 -->
    <div class="school">
        <div class="sc_l">
            <img src="../../img/组 92.png" alt="">
            <input type="text" placeholder="电气与电子信息学院">
        </div>
        <div class="sc_r">
            <div><a href="#" id="qiehuanid">切换</a></div>
            <img src="../../img/trm/择律-选择费用-倒三角形-反对 (1)(1).png" alt="">
        </div>
    </div>
        <!-- 切换 -->
        <div class="qiehuan" id="qiehuanid1">
            <div class="qh_t">
                <span><a href="grxingxi.html">外国语学院</a></span>
                <span><a href=""></a> 经济学院</span>
                <span>管理学院</span>
            </div>
            <div class="qh_b">
                <span> 文学与传播学院</span>
               <span>美术与设计学院</span>
           </div>
            </div>
    <!-- 主体 -->
    <div class="main" id="main1">
     
        <div id="zz"></div>
        <ul class="main_ul1">
            <li>
                <span class="juli">
                    <img src="../../img/位置 (1).png" alt="">
                    <span>12.7km</span>
                    <img src="../../img/椭圆 15.png" alt="">
                </span>
                <a href="../../html/trm/grxingxi.html"><img src="../../img/交叉 4.png" alt=""></a>
                <div><a href="../../html/trm/grxingxi.html">你喜欢的样子我都有，你喜欢的样子我都有，你喜欢的样子我都有</a></div>
            </li>
            <li>
                <span class="juli">
                    <img src="../../img/位置 (1).png" alt="">
                    <span>12.7km</span>
                    <img src="../../img/椭圆 15.png" alt="">
                </span>
                <a href="../../html/trm/grxingxi.html"><img src="../../img/交叉 -5.png" alt=""></a>
                <div><a href="../../html/trm/grxingxi.html">你喜欢的样子我都有，你喜欢的样子我都有，你喜欢的样子我都有</a></div>
            </li>
        </ul>
        <ul class="main_ul2">
            <li>
                <span class="juli2">
                    <img src="../../img/位置 (1).png" alt="">
                    <span>1.0km</span>
                    <img src="../../img/椭圆 16.png" alt="">
                </span>
                <a href="../../html/trm/grxingxi.html"><img src="../../img/交叉 5.png" alt=""></a>
                <div><a href="../../html/trm/grxingxi.html">你喜欢的样子我都有，你喜欢的样子我都有你喜欢的样子我都有</a></div>
            </li>
            <li>
                <span class="juli2">
                    <img src="../../img/位置 (1).png" alt="">
                    <span>1.0km</span>
                    <img src="../../img/椭圆 16.png" alt="">
                </span>
                <a href="#"><img src="../../img/交叉 -4.png" alt=""></a>
                <div><a href="#">你喜欢的样子我都有，你喜欢的样子我都有你喜欢的样子我都有</a></div>
            </li>
        </ul>
    </div>
   
    <!-- <footer>
        <div></div>
    </footer> -->
    <script>
    var  clicks = document.getElementById("qiehuanid")
    var  clicks2 = document.getElementById("yaoyiyao")
    var temp = 0
    clicks.addEventListener("click", function(){
        // var id2 = document.getElementById("main1")
        var id1 = document.getElementById("qiehuanid1")
        var id3 = document.getElementById("zz")

        if (temp == 0){
            id1.style.transform = "translateY(-3.2rem)"
            // id2.style.transform="translateY(2.7625rem)"
            id1.style.display="flex"
            id3.style.display="inline-block"
            temp = 1
        } else{
            id1.style.transform = "translateY(0px)"
            id1.style.display="none"
            // id2.style.transform = "translateY(0px)"
            id3.style.display="none"
            temp = 0
        }
    });
    clicks2.addEventListener("click", function(){
        // var id2 = document.getElementById("main1")
        var id1 = document.getElementById("yyy")
        var id3 = document.getElementById("zz")

        if (temp == 0){
            id1.style.transform = "translateY(-3.2rem)"
            // id2.style.transform="translateY(3.2rem)"
            id1.style.display="flex"
            id3.style.display="inline-block"
            temp = 1
        } else{
            id1.style.transform = "translateY(0px)"
            id1.style.display="none"
            // id2.style.transform = "translateY(0px)"
            id3.style.display="none"
            temp = 0
        }
    });
</script>
<script>
    var fanhui = document.getElementById("return");
    fanhui.addEventListener("click",function(){
        window.history.back(-1);
    });
</script>
</body>
</html>